; $(function () {

    $('title').text('数据库管理')
    circle_font($('.top'), "石林仁济")

    $(".aside").css({
        "overflow-y": "auto",
        "height": "92%"
    })

    $.post('/sql/', { sql: `show tables  ` }, function (data) {
        for (let i = 0; i < data[1].length; i++) {
            $('.aside').append(`<div data-index='${i}'>${data[1][i]}</div>`)
        }
        $('.nav_title').empty().append(`<div name="${data[1][0]}">${data[1][0]}表</div><div name="${data[1][0]}">新增</div>`)
        showDom(`select * from ${data[1][0]} limit 10`, '.content', table)
    })

    $('.aside').on('click', 'div', function () {
        let asid_val = $(this).text()
        // console.log(asid_val)
        $('.nav_title').empty().append(`<div name="${asid_val}">${asid_val}表</div><div name="${asid_val}">新增</div>`)
        $(this).siblings().removeClass('back2')
        $(this).addClass('back2')
        $.post('/sql/', { sql: `select * from ${asid_val} limit 10` }, function (data) {
            $('.content').empty().append(table(data))
        })
    })

    $('.nav_title').on('click', 'div:first-child', function () {
        let asid_val = $(this).attr('name')
        $(this).siblings().removeClass('back2')
        $(this).addClass('back2')
        $.post('/sql/', { sql: `desc   ${asid_val} ` }, function (data) {
            $('.content').empty().append(form_table(data))
        })
    })
    $('.nav_title').on('click', 'div:nth-child(2)', function () {
        let asid_val = $(this).attr('name')
        $(this).siblings().removeClass('back2')
        $(this).addClass('back2')
        let t_datas = $('form').serializeArray()
        // console.log(asid_val,t_datas)
        let t_key = t_datas[0].name
        let t_val = `"${t_datas[0].value}"`
        for (let i = 1; i < t_datas.length; i++){
            if (t_datas[i].value){
                t_key += (','+t_datas[i].name)
                t_val +=`,"${t_datas[i].value}"`
            }
        }
        let sql = `replace into ${asid_val} (${t_key}) values (${t_val})`
        console.log(sql)
        $.post('/sql/post',{sql:sql})
    })
})
